<template>
  <div class="box1">
    <Heaed title="订单结算" :left="true" :iconbool="false" @back="fun1"></Heaed>

    <div class="img1">
      <img src="../../img/首页/u19.png" alt="" />
    </div>

    <div class="header">
      <OrderListContent></OrderListContent>
    </div>
    <div class="content">
        <p  class="p11"><span class="sp1"></span>配送详情</p>
        <p class="p2">[收货地址]江苏省徐州市中国矿业大学</p>
        <p class="p2">[收货地址]江苏省徐州市中国矿业大学</p>
        <p class="p2">[收货地址]江苏省徐州市中国矿业大学</p>
        <p class="p2">[收货地址]江苏省徐州市中国矿业大学</p>
        <p class="p2">[收货地址]江苏省徐州市中国矿业大学</p>
    </div>
  </div>
</template>

<script setup>
import OrderListContent from "./Mycomponents/OrderListContent.vue";
import Heaed from "../../components/Hand.vue";
import { useRouter } from "vue-router";
const router = useRouter();
const fun1 = () => {
  router.go(-1);
};
</script>

<style lang="less" scoped>
.box1 {
  height: 100vh;
  width: 100vw;
  background-color: #ecfdfa;
  overflow: auto;
}
.img1 {
  position: absolute;
  top: 0px;
}
.header {
  position: relative;
  width: 90vw;
}
.sp1 {
      padding-left: 4vw;
      // margin-left: 6vw;
      position: relative;
      border-left: 1.11vw solid red;
      font-weight: bolder;
      // top: 2.333vw;
    }

    .content {
        font-weight: 600;
  // padding-left: 9vw;
  text-indent: 7vw;
  width: 90vw;
  background-color: #fff;
  margin: 2.667vw auto;
  border-radius: 20px;
  overflow: auto;
    }
    .p2{
        font-weight: 200;
        font-size: 14px;
        line-height: 30px;
        color:  black;
    }
    .p11{
        margin: 10px 0px;
    }
</style>
